<template>
  <div class="themeTitle" >
    <div class="titleWord">
      {{title}}
    </div>
  </div>
</template>

<script>
import { inject } from "vue";
export default {
  setup(){
    const title = inject("title")
    return {
     title
    }
  }
    
}
</script>
<style lang="stylus" scoped>
  @media (max-width: 2880px)
    .themeTitle {
	width: 100%;
	height: vh(24);
    // background:Pink;
	.titleWord {
		padding-left:vw1(12);
		line-height: vh(24);
		border-left: 2px solid #00e5fd;
		font-family: 'FZTYSJW';
		font-size: 18px;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		text-shadow: 0px 4px 4px 0px #000000;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		background-image: -webkit-linear-gradient(bottom, #00eaff, #ffffff);
        // background:Pink;
	}
	margin-bottom: vh_1080(14);
}
</style>
<style lang="stylus" scoped>
  @media (min-width: 3000px)
    .themeTitle
      width:vw1(414)
      height:vh(32)
      .titleWord
        letter-spacing :vw1(1)
        font-size:vw1(18)
</style>